<script>
    $("#bodyView").removeClass("background");
    $("#bodyView").removeClass("news_background");
    $("#bodyView").removeClass("achievement_background");
    $("#bodyView").removeClass("edituser_background");
</script>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="input-group" style="width: 100%;margin-bottom: 50px;margin-top: 50px;">
                <input type="text" class="form-control" ng-model="keyWords" placeholder="Search for...">
            </div><!-- /input-group -->
        </div><!-- /.col-lg-6 -->
    </div>

    <div class="row" >
        <table class="table table-striped table-bordered table-hover col-md-8">
            <thead>
                <th class="text-center">头像</th>
                <th class="text-center">真实姓名</th>
                <th class="text-center">昵称</th>
                <th class="text-center">邮箱</th>
                <th class="text-center">手机号码</th>
                <th class="text-center">用户身份</th>
                <th class="text-center">用户状态</th>
                <th class="text-center">操作</th>
            </thead>
            <tbody>
                <tr ng-repeat="item in users|filter:keyWords" ng-if="item.role!=3">
                    <td class="text-center"><img ng-src="{{item.headimage}}" class="img-circle" style="width: 35px;height: 35px"></td>
                    <td>{{item.realname}}</td>
                    <td>{{item.nickname}}</td>
                    <td>{{item.email}}</td>
                    <td>{{item.mobile}}</td>
                    <td class="text-center" ng-if="item.role==0" style="color: #6F0101;">未认证</td>
                    <td class="text-center" ng-if="item.role==1" style="color: grey;">非社团成员</td>
                    <td class="text-center" ng-if="item.role==2" style="color: green;">社团成员</td>
                    <td class="text-center" ng-if="item.user_isuse == true">正在使用</td>
                    <td class="text-center" ng-if="item.user_isuse == false" style="color: red;">已被停用</td>
                    <td class="text-center"><i class="fa fa-pencil-square-o btn" title="编辑" aria-hidden="true" ng-click="edit(item)"></i><i title="修改用户状态" class="fa fa-toggle-on btn" aria-hidden="true" ng-click="changeUserState(item)"></i><i title="修改用户身份" class="fa fa-dot-circle-o btn" aria-hidden="true" ng-click="switchRole(item)"></i><i class="fa fa-trash btn" aria-hidden="true" title="删除用户" ng-click="delete(item.user_id,$index)"></i></td>
                    <!--<i class="fa fa-eye btn" title="显示更多" aria-hidden="true" data-toggle="modal" data-target="#myModal" ng-click="show(item)"></i>-->
                </tr>
            </tbody>
        </table>
    </div>
    <div class="row text-center">
        <uib-pagination previous-text="上一页" next-text="下一页" first-text="首页" last-text="尾页" ng-change="changePage()" items-per-page="{{itemsPerPage}}" total-items="AllUsers.length" ng-model="currentPage" max-size="maxSize" class="pagination-md" boundary-links="true" rotate="false"></uib-pagination>
    </div>
    <div class="row">
        <div class="col-md-12 col-sm-12 text-center">
            <button class="btn btn-link btn-block" style="font-size: 30px;" ng-click="back()">返回</button>
        </div>
    </div>
</div>